<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入全局导航栏css样式 -->
    <link rel="stylesheet" type="text/css" href="../css/overall_style.css">
    <link rel="stylesheet" type="text/css" href="../css/verify/verify_wait.css">
    <!-- <link rel="shortcut icon" href="../imgs/favicon.ico" type="image/x-icon" /> -->
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <script src="../js/conf.js"></script>

</head>
<body>
<!-- 顶部导航栏 -->
<div class="top_box">
    <div class="layui-container top_nav_row">
        <div class="layui-row">
            <div class="layui-col-md2 layui-col-md-offset1" style="margin-left: 20px;">
                <ul class="layui-nav top_nav">
                    <li id="logo">
                        <a href=""><img src="../imgs/icon/avatar.png"> 票无忧</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 此处为进度条 -->
<div class="progress_bar_box">
    <div class="step">
        <span class="step-num">1</span>
        <div class="bar first_bar"></div>
        <span class="step-text">验证身份</span>
    </div>
    <div class="step">
        <span class="step-num">2</span>
        <div class="bar secont_bar"></div>
        <span class="step-text">修改手机</span>
    </div>
    <div class="step">
        <span class="step-num">3</span>
        <div class="bar third_bar"></div>
        <span class="step-text">完成</span>
    </div>
</div>

<div class="verify"><p>手机验证码验证&nbsp;账号<span>麦*****f</span>为确认是您本人进行操作,请完成以下验证</p></div>
<div class="line"></div>

<div class="layui-col-md6 phone-div">
    <div class="layui-col-md3 number-div"><span>手机号码:</span></div>
    <div class="layui-col-md3 phoneNumber-div"><span>166******77</span></div>
</div>

<div class="layui-col-md8 verify-div">
    <div class="layui-col-md1 verifyNumber-div"><span>校验码:</span></div>
    <div class="layui-col-md3 please-div"><input placeholder="请输入验证码" id="verify-input"></div>
    <div class="layui-col-md4 get-div"><span onclick="clicker()">获取短信验证码</span></div>
</div>
<div class="layui-col-md8 prompt"><p><img src="../imgs/icon/fill.png">校验码已发送至您的手机,15分钟内输入有效,验证码等同于密码,请不要轻易告知他人</p></div>

<div class="layui-col-md6" id="btn-div"><button type="button" onclick="confirm()">确认</button></div>

<div class="layui-col-md8 letter-div">
    <div class="verify-or"><h4>没收到短信验证码？</h4></div>
    <div class="verify-cls"><p>1.<span class="letter">网络通讯异常可能会造成短信丢失，请重新获取或稍后再试。</span></p></div>
    <div class="verify-cls"><p>2.<span class="letter">请核实手机是否已欠费停机，或者屏蔽了系统短信。</span></p></div>
    <div class="verify-cls"><p>3.<span class="letter">您也可以尝试将SIM卡移动到另一部手机，然后重试。</span></p></div>
    <div class="verify-cls"><p>4.<span class="letter">手机安全软件拦截，验证码短信被拦截进了垃圾箱，请打开垃圾箱查看。</span></p></div>
</div>
<div layui-col-md8 id="out-span"><span onclick="quiter()">退出</span></div>

<script src="../plugins/jquery.min.js"></script>
<script src="../js/pay/pay.js"></script>
</body>
</html>
